<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Alumno</title>
</h:head>
<h:body>
    <p:toolbar>	
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}" icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<div align="center">
		<h:panelGrid columns="2" styleClass="fondo" style="text-align:center;">
			<h:panelGroup style="display:block; text-align:left">
				<p:graphicImage value="/img/ui/images.jpg"
					style="height: 100px; width: 210px" />
			</h:panelGroup>

			<h:panelGroup style="display:block; text-align:right">
				<p:graphicImage value="/img/ui/izq.png"
					style="height: 100px; width: 608px" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<p:panel style="width:100%;">
		<h:panelGrid columns="4" cellpadding="2" cellspacing="15">
			<p:graphicImage value="/img/users/user1.png"
				style="height: 120px; width: 120px" />
			<h:form style="text-align:left;">
				<p:outputLabel
					value="Bienvenido al Sistema de Evaluacion del Aprendizaje FISI" />
				<br></br>
				<p:outputLabel />
				<p:outputLabel value="#{alumnoBean.alumno.persona.nombres}" />
			</h:form>
			<p:outputLabel />
			<p:outputLabel />
		</h:panelGrid>
	</p:panel>

	<p:panel style="width:100%;">
		<h:form style="text-align:right;">
			<div align="center">
				<h:panelGrid columns="2" cellpadding="20">
					<h:form style="text-align:left;">
						<p:outputLabel value="Cursos" />
						<br></br>
						<br></br>
						<p:dataTable id="display" var="curso"
							value="#{alumnoBean.cursosPeriodoGrupo}"
							rowKey="#{curso.cursoPeriodo.curso.nombre}"
							selection="#{alumnoBean.selectedCursoPeriodoGrupo}"
							selectionMode="single" style="font-size: 17px; text-align:left"
							emptyMessage="No tiene cursos matriculados">

							<p:ajax event="rowSelect" listener="#{alumnoBean.eventChange}" />

							<p:column>
								<f:facet name="header">
									<h:outputText value="Curso" />
								</f:facet>
								<h:outputText value="#{curso.cursoPeriodo.curso.nombre}" />
							</p:column>
						</p:dataTable>
					</h:form>
					<h:form style="text-align:left;">
						<p:barChart id="horizontal" value="#{chartBean.categoryModel}"
							legendPosition="se" style="height:300px; width:700px;"
							title="Estadisticas" orientation="horizontal" min="0" max="200" />
					</h:form>


				</h:panelGrid>
			</div>
		</h:form>
	</p:panel>

</h:body>
</html>